import React from 'react'
import List from '../../components/List'
import { NavBar, SearchBar, Space, Dropdown, Radio,Tag } from 'antd-mobile'
function Index() {
   
  return (
    <div>
        <NavBar >
        <SearchBar placeholder='请输入内容' />
        </NavBar>
   热搜：<Space >
          <Tag color='default'>旬味会</Tag>
          <Tag color='primary'>日上</Tag>
          <Tag color='success'>佛罗伦萨小镇</Tag>
          <Tag color='warning'>DFS虹桥机场</Tag>
          <Tag color='danger'>比斯特</Tag>
        </Space>
<div style={{width:'100%' ,}}>
  <img src="../../tab.png" alt="" style={{width:'100%'}} />
</div>
<div style={{position:'sticky',top:'0'}} >
<Dropdown>
<Dropdown.Item key='sorter' title='位置'>
            <div style={{ padding: 12 }}>
              <Radio.Group defaultValue='default'>
                <Space direction='vertical' block>
                  <Radio block value='default'>
                    综合排序
                  </Radio>
                  <Radio block value='nearest'>
                    距离最近
                  </Radio>
                  <Radio block value='top-rated'>
                    评分最高
                  </Radio>
                </Space>
              </Radio.Group>
            </div>
  </Dropdown.Item>
  <Dropdown.Item key='sorter' title='菜系'>
            <div style={{ padding: 12 }}>
              <Radio.Group defaultValue='default'>
                <Space direction='vertical' block>
                  <Radio block value='default'>
                    综合排序
                  </Radio>
                  <Radio block value='nearest'>
                    距离最近
                  </Radio>
                  <Radio block value='top-rated'>
                    评分最高
                  </Radio>
                </Space>
              </Radio.Group>
            </div>
  </Dropdown.Item>
  <Dropdown.Item key='sorter' title='筛选'>
            <div style={{ padding: 12 }}>
              <Radio.Group defaultValue='default'>
                <Space direction='vertical' block>
                  <Radio block value='default'>
                    综合排序
                  </Radio>
                  <Radio block value='nearest'>
                    距离最近
                  </Radio>
                  <Radio block value='top-rated'>
                    评分最高
                  </Radio>
                </Space>
              </Radio.Group>
            </div>
  </Dropdown.Item>
  <Dropdown.Item key='sorter' title='智能排序'>
            <div style={{ padding: 12 }}>
              <Radio.Group defaultValue='default'>
                <Space direction='vertical' block>
                  <Radio block value='default'>
                    综合排序
                  </Radio>
                  <Radio block value='nearest'>
                    距离最近
                  </Radio>
                  <Radio block value='top-rated'>
                    评分最高
                  </Radio>
                </Space>
              </Radio.Group>
            </div>
  </Dropdown.Item>
</Dropdown>
</div>
<div>
<List></List>
</div>
    </div>
  )
}

export default Index